<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>http</title>
    <link rel="stylesheet" href="./flex.css">

</head>

<body>
    <div class="page">
        <div class="page__hd">
            <div class="page__title">Flex</div>
            <div class="page__desc">Flex布局</div>
        </div>
        <div class="page__bd page__bd_spacing">
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="placeholder">weui
                    </div>
                </div>
            </div>
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="placeholder">weui
                    </div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">weui
                    </div>
                </div>
            </div>
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="placeholder">weui
                    </div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">weui
                    </div>
                </div>
                <div class="weui-flex__item">
                    <div class="placeholder">weui
                    </div>
                </div>
            </div>
        </div>
        <div class="page__ft">
            <a href="javascript:home()">
                <!-- img 标签 也发出http请求 -->
                <!-- 127.0.0.1 IP
                png 属于微信 -->
                <img src="https://weui.io/images/icon_footer_link.png" alt="">
            </a>
        </div>
    </div>
    <script>
        // js 函数是一等对象
        function home() {
            // 通过 js 跳转页面
            // window 全局对象
            // location 属于BOM 对象 
            window.location.href = '/home'
        }
    </script>
</body>

</html>